const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // 加载css less  sass加载器
  css: {
    loaderOptions: {
      postcss: {
        postcssOptions: {
          plugins: [
            require('autoprefixer')(),  //自动添加浏览器适配前缀 -moz  -webkit  
            require('postcss-pxtorem')({
              rootValue: 37.5, //根字体大小
              propList: ['*']  //所有属性均转换为rem
            })
          ]
        }
      }
    }
  },
  // 只有在开发服务器才能使用  配置跨域代理 (前端请求代理服务器 代理服务器去请求真实服务器)
  devServer: {
    // 代理配置
    proxy: {
      // 配置选项 以/gw开头的请求全部使用代理
      "/gw": {
        // 代理服务器请求的真实服务器
        // http://localhost:8080/gw/search/miniapp/hotKey?version=1.0 会被代理为  https://gw.kaola.com/gw/search/miniapp/hotKey?version=1.0,
        target: "https://gw.kaola.com",
        //支持websocket
        ws: true,
      },
     
      "/__aggregation": {
        // 代理服务器请求的真实服务器
        target: "https://m-goods.kaola.com.hk",
        //支持websocket
        ws: true,
      },
      "/comment": {
        // 代理服务器请求的真实服务器
        target: "https://gw.kaola.com.hk/gw",
        // 支持websocket
        ws: true,
        // 跨域
        changeOrigin: true
      },
      "/goods": {
        // 代理服务器请求的真实服务器
        // https://gw.kaola.com.hk/gw/comment/goodsdetail?version=1.0
        target: "https://gw.kaola.com.hk/gw",
        //支持websocket
        ws: true,
      },
    }
  }

})
